<!DOCTYPE html>
<html lang="en">
<head>
    {{$path := .Path}}
    <meta charset="utf-8"/>
    <title>灰灰的博客</title>
    <!-- Mobile viewport optimisation -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- (en) Add your meta data here -->
    <!-- (de) Fuegen Sie hier ihre Meta-Daten ein -->
    <link href="/public/css/flexible-columns.css" rel="stylesheet" type="text/css"/>
    <!--[if lte IE 7]>
    <link href="/yaml/core/iehacks.css" rel="stylesheet" type="text/css"/>
    <![endif]-->

    <!--[if lt IE 9]>
    <script src="/public/js/html5shiv/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
<ul class="ym-skiplinks">
    <li><a class="ym-skip" href="#nav">跳转到导航页面 (Enter)</a></li>
    <li><a class="ym-skip" href="#main">跳转到主页面(Enter)</a></li>
</ul>
<div class="ym-wrapper">
    <div class="ym-wbox">
        <header>
            <h1>灰灰的博客</h1>
        </header>
        <nav id="nav">
            <div class="ym-hlist">
                <ul>
                    <li class='{{if  compare $path "model"}}active{{end}}'><a href="/" >首页</a></li>
                    <li class='{{if  compare $path "image"}}active{{end}}'><a href="/image" >相册</a></li>
                    <li class='{{if  compare $path "article"}}active{{end}}'><a href="/article" >杂谈</a></li>
                    <li><a href="#">风景</a></li>
                    <li><a href="#">技术</a></li>
                    <li><a href="#">胡侃</a></li>
                    <li><a href="#">联系我</a></li>
                </ul>
                <form class="ym-searchform">
                    <input class="ym-searchfield" type="search" placeholder="Search..."/>
                    <input class="ym-searchbutton" type="submit" value="Search"/>
                </form>
            </div>
        </nav>
        <main>
            {{.LayoutContent}}
            <!-- A wrapper for all the blog posts -->
        </main>
        <footer>
            <p>© Company 2012 &ndash; Layout based on <a href="http://www.yaml.de">YAML</a></p>
        </footer>
    </div>
</div>

<!-- full skip link functionality in webkit browsers -->
<script src="/yaml/core/js/yaml-focusfix.js"></script>
</body>
</html>
